<template>
	<view class="diandetail">
		<!-- <view class="toptitle">
			<view class="status_bar">
			</view>
			<navigator class="nav_top" open-type="navigateBack" delta="1">
				<image src="../../static/all-back.png" mode=""></image>
				<text>点评详情</text>
			</navigator>
		</view> -->
		<view class="top_box">
			<view class="dian_one">
				<view class="top">
					<image src="../../static/content/ping_img.png" mode=""></image>
					<view class="right_tel">
						<text class="tel">{{comment.name}}</text>
						<view class="rate">
							<uni-rate v-model="comment.score" :margin="7" color="#E8EBED" active-color="#FF7519" :readonly="true" :size="16"></uni-rate>
						</view>
					</view>
				</view>
				<text class="con">{{comment.content}}</text>
				<view class="gong">
					<view class="left">
						<text class="time">{{comment.time}}</text>
					</view>
					<view class="zan">
						<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber($event,project_id,'项目点评详情页+点赞',104,'点赞',1,comment.id)"
						 v-if="!pass">
							<view class="zan_box" v-if="comment.my_like==1">
								<image src="../../static/content/zan.png" mode=""></image>
								{{comment.like_num}}
							</view>
						</button>
						<view class="zan_box" v-if="comment.my_like==1 && pass" @tap="getLike(comment.id)">
							<image src="../../static/content/zan.png" mode=""></image>
							{{comment.like_num}}
						</view>

						<button open-type="getPhoneNumber" v-if="!pass" @getphonenumber="getPhoneNumber($event,project_id,'项目详情页+点赞',104,'点赞',1,comment.id)">
							<view class="zan_box_no" v-if="comment.my_like==0">
								<image src="../../static/content/no_zan.png" mode=""></image>
								{{comment.like_num}}
							</view>
						</button>
						<view class="zan_box_no" v-if="comment.my_like==0 && pass" @tap="getLike(comment.id)">
							<image src="../../static/content/no_zan.png" mode=""></image>
							{{comment.like_num}}
						</view>

						<button class="dianping" open-type="getPhoneNumber" hover-class="none" v-if="!pass" @getphonenumber="getPhoneNumber($event,project_id,'项目详情页+回复',104,'回复',2,comment.id)">
							<image src="../../static/liu.png" mode=""></image>
							{{hui_num}}
						</button>
						<view class="dianping" v-if="pass" @tap="goHuifu(comment.id)">
							<image src="../../static/liu.png" mode=""></image>
							{{hui_num}}
						</view>
					</view>
				</view>
				<!-- 	回复框 -->
				<view class="huifu" v-for="ite in comment.children" :key="ite.id">
					<text class="phone">{{ite.name}}:</text>
					<text class="con">{{ite.content}}</text>
					<view class="time_box">
						<text class="time"> {{ite.time}}</text>
						<button class='shan' v-if="ite.mine==1 && !pass" open-type="getPhoneNumber" hover-class="none" @getphonenumber="getPhoneNumber($event,project_id,'项目详情页+删除',104,'删除',3,ite.id)">删除</button>
						<text class="shan" v-if="ite.mine==1 && pass" @tap="deletePing(ite.id)">
							删除
						</text>
					</view>
				</view>
			</view>

			<view class="pro_one" @tap="gocontent(building.id)">
				<image :src="building.img" mode=""></image>
				<view class="right_pro">
					<view class="pro_name">{{building.name}}<text class="status">{{building.state}}</text></view>
					<view class="price">{{building.price}}<text>元/m²</text></view>
					<view class="type">{{building.type}}<text>|</text>{{building.cityname}}-{{building.country}}<text>|</text>{{building.area}}m²
					</view>
					<view class="tese">
						<text class="zhuang" v-if="building.decorate">{{building.decorate}}</text>
						<text class="other" v-if="building.railway">{{building.railway}}</text>
						<text class="other">{{building.features.value}}</text>
					</view>
				</view>
			</view>
			<!-- 免费咨询 -->
			<view class="zixun_top" v-if="staff.name">
				<image :src="staff.head_img" mode=""></image>
				<view class="name_box">
					<view class="name">
						<view class="top">
							{{staff.name}}
							<text>满意度{{staff.num}}分</text>
						</view>
						<view class="bottom">
							为客户提供专业的购房建议
						</view>
					</view>
					<button class="btn" open-type="getPhoneNumber" hover-class="none" v-if="!pass" @getphonenumber="getPhoneNumber($event,project_id,'项目点评详情页+免费咨询',104,'免费咨询')">
						免费咨询
					</button>
					<view class="btn" v-if="pass" @tap="baoMing(project_id,'项目点评详情页+免费咨询',104,'免费咨询',1)">
						免费咨询
					</view>
				</view>
			</view>
		</view>
		<view class="bg_hui"></view>
		<view class="prolist">
			<view class="tit">
				猜你喜欢
			</view>
			<twosee :recommends="recommends"></twosee>
		</view>
		<bottom :remark="'项目点评详情页+预约看房'" :point="103" :title="'预约看房'" :pid="parseInt(project_id)" :telphone="telphone"></bottom>

		<wyb-popup ref="popup" type="center" height="750" width="650" radius="12" :showCloseIcon="true" @hide="setiscode">
			<sign :type="codenum" @closethis="setpop" :title="title_e" :pid="pid_d" :remark="remark_k" :position="position_n"
			 :isok="isok"></sign>
		</wyb-popup>
		<mytoast :txt="msg" ref="msg"></mytoast>
	</view>
</template>
<script>
	import bottom from '../../components/mine/bottom.vue'
	import twosee from '../../components/pros.vue'
	import uniRate from '@/components/uni-rate/uni-rate.vue';
	import wybPopup from '@/components/wyb-popup/wyb-popup.vue'
	import sign from '@/components/sign.vue'
	import mytoast from "@/components/mytoast/mytoast.vue"
	export default {
		data() {
			return {
				title: "猜你喜欢",

				common: {},
				building: {},
				comment: {},
				recommends: [],
				hui_num: 0,
				staff: {},
				project_id: '',
				telphone: '',

				codenum: 1,
				title_e: '',
				pid_d: 0,
				remark_k: '',
				position_n: 0,
				telphone: '',
				isok: 0,
				msg: "",
				pass: false

			};
		},
		components: {
			twosee,
			bottom,
			uniRate,
			wybPopup,
			sign,
			mytoast
		},
		onLoad(option) {
			console.log(option.id);
			this.getdata(option.id);
			this.project_id = option.id;
			this.pass = uni.getStorageSync('pass')
		},
		methods: {
			setpop() {
				this.$refs.popup.hide();
			},
			deletePing(id) { //删除回复
				let token = uni.getStorageSync("token");
				if (token) {
					uni.request({
						url: this.apiserve + "/comment/delete",
						method: "POST",
						data: {
							token: token,
							id: id,
							other: uni.getStorageSync('other'),
							uuid: uni.getStorageSync('uuid')
						},
						header: {
							'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
						},
						success: (res) => {
							if (res.data.code == 200) {
								this.$refs.msg.show();
								this.msg = res.data.message;
								this.getdata(this.project_id)
							} else {
								console.log(res)
							}
						}

					})
				} else {
					this.$refs.msg.show();
					this.msg = "请先登录"
					let url = "/pages/diandetail/diandetail?id=" + pid;
					uni.setStorageSync("backurl", url)
					uni.navigateTo({
						url: "/pages/login/login"
					})
				}
			},
			getLike(id) {
				let token = uni.getStorageSync("token");
				if (token) {
					uni.request({
						url: this.apiserve + "/comment/like",
						data: {
							token: token,
							id: id,
							other: uni.getStorageSync('other'),
							uuid: uni.getStorageSync('uuid')
						},
						header: {
							'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
						},
						method: "POST",
						success: (res) => {
							if (res.data.code == 200) {
								this.$refs.msg.show();
								this.msg = res.data.message;
								this.getdata(this.project_id)
							}
						}

					})
				} else {
					this.$refs.msg.show();
					this.msg = "请先登录"
					let url = "/pages/diandetail/diandetail?id=" + pid;
					uni.setStorageSync("backurl", url)
					uni.navigateTo({
						url: "/pages/login/login"
					})
				}
			},
			async getPhoneNumber(e, pid, remark, point, title, type, ping_id) {
				let that = this
				// #ifdef  MP-BAIDU
				if (e.detail.errMsg == 'getPhoneNumber:fail auth deny') {
					if (type) {
						let token = uni.getStorageSync("token");
						if (token) {
							if (type == 1) { //点赞
								this.getLike(ping_id)
							} else if (type == 2) { //回复
								this.goHuifu(ping_id)
							} else if (type == 3) { //删除
								this.deletePing(ping_id)
							}
						} else {
							let url = "/pages/diandetail/diandetail?id=" + pid;
							uni.setStorageSync("backurl", url)
							uni.navigateTo({
								url: "/pages/login/login"
							})
						}

					} else {
						this.isok = 0
						that.baoMing(pid, remark, point, title, 0)
					}
				} else {
					this.pass = true
					uni.setStorageSync('pass', true)
					if (type) {
						let session = uni.getStorageSync('session')
						if (session) {
							uni.request({
								url: 'https://api.edefang.net/applets/baidu/decrypt',
								method: 'get',
								data: {
									iv: e.detail.iv,
									data: e.detail.encryptedData,
									session_key: session,
									other: uni.getStorageSync('other'),
									uuid: uni.getStorageSync('uuid')
								},
								success: (res) => {
									console.log(res, 'session')
									let tel = res.data.mobile
									uni.setStorageSync('phone', tel)
									let openid = uni.getStorageSync('openid')
									uni.request({
										url: "https://api.edefang.net/applets/login",
										method: 'GET',
										data: {
											phone: tel,
											openid: openid,
											other: uni.getStorageSync('other'),
											uuid: uni.getStorageSync('uuid')
										},
										success: (res) => {
											console.log(res)
											uni.setStorageSync('token', res.data.token)
											if (type == 1) { //点赞
												that.getLike(ping_id)
											} else if (type == 2) { //回复
												that.goHuifu(ping_id);
											} else if (type == 3) { //删除
												that.deletePing(ping_id);
											}
										}
									})
								}
							})
						} else {
							console.log(session, "没保存session")
							swan.getLoginCode({
								success: res => {
									// console.log(res.code);
									uni.request({
										url: 'https://api.edefang.net/applets/baidu/get_session_key',
										method: 'get',
										data: {
											code: res.code,
											other: uni.getStorageSync('other'),
											uuid: uni.getStorageSync('uuid')
										},
										success: (res) => {
											console.log(res)
											uni.setStorageSync('openid', res.data.openid)
											uni.setStorageSync('session', res.data.session_key)
											uni.request({
												url: "https://api.edefang.net/applets/baidu/decrypt",
												data: {
													data: e.detail.encryptedData,
													iv: e.detail.iv,
													session_key: res.data.session_key,
													other: uni.getStorageSync('other'),
													uuid: uni.getStorageSync('uuid')
												},
												success: (res) => {
													console.log(res)
													let tel = res.data.mobile
													uni.setStorageSync('phone', tel)
													let openid = uni.getStorageSync('openid')
													uni.request({
														url: "https://api.edefang.net/applets/login",
														method: 'GET',
														data: {
															phone: tel,
															openid: openid,
															other: uni.getStorageSync('other'),
															uuid: uni.getStorageSync('uuid')
														},
														success: (res) => {
															console.log(res)
															uni.setStorageSync('token', res.data.token)
															if (type == 1) { //点赞
																that.getLike(ping_id)
																that.getdata(pid)
															} else if (type == 2) { //回复
																that.goHuifu(ping_id);
															} else if (type == 3) { //删除
																that.deletePing(ping_id);
																that.getdata(pid)
															}

														}
													})

												}
											})

										}
									})
								}
							});
						}

					} else {
						let session = uni.getStorageSync('session')
						if (session) {
							uni.request({
								url: 'https://api.edefang.net/applets/baidu/decrypt',
								method: 'get',
								data: {
									iv: e.detail.iv,
									data: e.detail.encryptedData,
									session_key: session,
									other: uni.getStorageSync('other'),
									uuid: uni.getStorageSync('uuid')
								},
								success: (res) => {
									console.log(res, 'session')
									let tel = res.data.mobile
									uni.setStorageSync('phone', tel)
									let openid = uni.getStorageSync('openid')
									that.tel = tel;
									that.baoMing(pid, remark, point, title, 1)
								}
							})
						} else {
							console.log(session, "没保存session")
							swan.getLoginCode({
								success: res => {
									console.log(res.code);
									uni.request({
										url: 'https://api.edefang.net/applets/baidu/get_session_key',
										method: 'get',
										data: {
											code: res.code,
											other: uni.getStorageSync('other'),
											uuid: uni.getStorageSync('uuid')
										},
										success: (res) => {
											console.log(res)
											uni.setStorageSync('openid', res.data.openid)
											uni.setStorageSync('session', res.data.session_key)
											uni.request({
												url: "https://api.edefang.net/applets/baidu/decrypt",
												data: {
													data: e.detail.encryptedData,
													iv: e.detail.iv,
													session_key: res.data.session_key,
													other: uni.getStorageSync('other'),
													uuid: uni.getStorageSync('uuid')
												},
												success: (res) => {
													console.log(res)
													let tel = res.data.mobile
													uni.setStorageSync('phone', tel)
													let openid = uni.getStorageSync('openid')
													that.$refs.sign.tel = tel
													that.baoMing(pid, remark, point, title, 1)
												}
											})

										}
									})
								}
							});
						}
						this.isok = 1

					}
				}
				// #endif
				// #ifdef  MP-WEIXIN
				if (e.detail.errMsg != 'getPhoneNumber:ok') {
					if (type) {
						let token = uni.getStorageSync("token");
						if (token) {
							if (type == 1) { //点赞
								this.getLike(ping_id)
							} else if (type == 2) { //回复
								this.goHuifu(ping_id)
							} else if (type == 3) { //删除
								this.deletePing(ping_id)
							}
						} else {
							let url = "/pages/diandetail/diandetail?id=" + pid;
							uni.setStorageSync("backurl", url)
							uni.navigateTo({
								url: "/pages/login/login"
							})
						}

					} else {
						this.isok = 0
						that.baoMing(pid, remark, point, title, 0)
					}
				} else {
					this.pass = true
					uni.setStorageSync('pass', true)
					if (type) {
						uni.login({
							provider: 'weixin',
							success: function(res) {
								uni.request({
									url: 'https://ll.edefang.net/api/weichat/jscode2session',
									method: 'get',
									data: {
										code: res.code,
										other: uni.getStorageSync('other'),
										uuid: uni.getStorageSync('uuid')
									},
									success: (res) => {
										console.log(res)
										uni.setStorageSync('openid', res.data.data.openid)
										uni.setStorageSync('session', res.data.data.session_key)
										uni.request({
											url: "https://ll.edefang.net/api/weichat/decryptData",
											data: {
												data: e.detail.encryptedData,
												iv: e.detail.iv,
												sessionKey: res.data.data.session_key,
												other: uni.getStorageSync('other'),
												uuid: uni.getStorageSync('uuid')
											},
											success: (res) => {
												console.log(res)
												let tel = res.data.mobile
												uni.setStorageSync('phone', tel)
												let openid = uni.getStorageSync('openid')
												uni.request({
													url: "https://api.edefang.net/applets/login",
													method: 'GET',
													data: {
														phone: tel,
														openid: openid,
														other: uni.getStorageSync('other'),
														uuid: uni.getStorageSync('uuid')
													},
													success: (res) => {
														console.log(res)
														uni.setStorageSync('token', res.data.token)
														if (type == 1) { //点赞
															that.getLike(ping_id)
															that.getdata(pid)
														} else if (type == 2) { //回复
															that.goHuifu(ping_id);
														} else if (type == 3) { //删除
															that.deletePing(ping_id);
															that.getdata(pid)
														}

													}
												})

											}
										})

									}
								})
							}
						});

					} else {
						uni.login({
							provider: 'weixin',
							success: function(res) {
								uni.request({
									url: 'https://ll.edefang.net/api/weichat/jscode2session',
									method: 'get',
									data: {
										code: res.code,
										other: uni.getStorageSync('other'),
										uuid: uni.getStorageSync('uuid')
									},
									success: (res) => {
										console.log(res)
										uni.setStorageSync('openid', res.data.data.openid)
										uni.setStorageSync('session', res.data.data.session_key)
										uni.request({
											url: "https://ll.edefang.net/api/weichat/decryptData",
											data: {
												data: e.detail.encryptedData,
												iv: e.detail.iv,
												session_key: res.data.data.session_key,
												other: uni.getStorageSync('other'),
												uuid: uni.getStorageSync('uuid')
											},
											success: (res) => {
												console.log(res)
												let data = JSON.parse(res.data.message)
												let tel = data.purePhoneNumber
												uni.setStorageSync('phone', tel)
												let openid = uni.getStorageSync('openid')
												that.$refs.sign.tel = tel
												that.baoMing(pid, remark, point, title, 1)
											}
										})

									}
								})
							}
						});
						this.isok = 1

					}
				}
				// #endif
			},
			gocontent(id) {
				uni.navigateTo({
					url: '/pageA/content/content?id=' + id
				})
			},
			goHuifu(id) {
				let token = uni.getStorageSync("token");
				if (token) {
					let basurl = "/pages/diandetail/diandetail?id=" + this.project_id;
					uni.setStorageSync("backurl", basurl)
					uni.navigateTo({
						url: "../huifu/huifu?id=" + id + "&pid=" + this.building.id
					})
				} else {
					this.$refs.msg.show();
					this.msg = "请先登录"
					let url = "/pages/diandetail/diandetail?id=" + pid;
					uni.setStorageSync("backurl", url)
					uni.navigateTo({
						url: "/pages/login/login"
					})
				}

			},
			baoMing(pid, remark, point, title, n) {
				this.isok = n;
				this.$refs.popup.show();
				this.title_e = title;
				this.pid_d = pid;
				this.remark_k = remark;
				this.title_e = title;
			},
			setiscode() {
				this.codenum = 0
			},
			getdata(id) {
				uni.showLoading({
					title: '加载中'
				});
				let token = uni.getStorageSync("token");
				let other = uni.getStorageSync("other");
				let that = this
				uni.request({
					url: this.apiserve + "/applets/comment/detail",
					data: {
						id: id,
						other: other,
						token: token,
						other: uni.getStorageSync('other'),
						uuid: uni.getStorageSync('uuid')
					},
					method: "GET",
					success: (res) => {
						if (res.data.code == 200) {
							console.log(res);
							this.common = res.data.common;
							this.building = res.data.building;
							this.comment = res.data.comment;
							this.recommends = res.data.recommends;
							console.log(res.data.comment.children, 'hui');
							this.hui_num = res.data.comment.children.length;
							this.staff = res.data.common.staff;
							this.telphone = res.data.common.phone;
							//#ifdef MP-BAIDU
							let header = res.data.common.header
							swan.setPageInfo({
								title: header.title,
								keywords: header.keywords,
								description: header.description,
								image: [that.building.img],
								success: res => {
									console.log('setPageInfo success', res);
								},
								fail: err => {
									console.log('setPageInfo fail', err);
								}
							})
							//#endif
							uni.hideLoading();
						}
					}
				})
			},
		}

	}
</script>

<style lang="less">
	page {
		background: #fff;
	}

	/* #ifdef MP-BAIDU */
	swan-button {
		padding-left: 0rpx;
		padding-right: 0rpx;
		display: inline-block;
	}

	/* #endif */
	button::after {
		border: none;
	}

	.diandetail {
		.toptitle {
			color: #17181A;
			font-size: 29.88rpx;
			padding: 0 29.88rpx;
			line-height: 87.64rpx;
			background-color: #fff;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 30000;

			.status_bar {
				height: var(--status-bar-height);
				width: 100%;
			}

			.nav_top {
				image {
					width: 31.87rpx;
					height: 31.87rpx;
					margin-right: 11.95rpx;
					margin-bottom: -3.98rpx;
				}

				text {
					width: 221rpx;
					font-size: 32rpx;
					font-weight: 500;
					color: #17181A;
				}
			}
		}

		.top_box {
			padding-left: 30rpx;
			padding-right: 30rpx;
			box-sizing: border-box;
			// margin-top: 13rpx;

			.dian_one {
				margin-top: 30rpx;

				.top:after {
					content: '';
					height: 0;
					display: block;
					visibility: hidden;
					overflow: hidden;
					clear: both;
				}

				.top {
					margin-bottom: 20rpx;

					image {
						width: 73rpx;
						height: 73rpx;
						float: left;
						margin-right: 23rpx;
					}

					.right_tel {
						.tel {
							font-size: 28rpx;
							font-weight: 800;
							color: #17181A;
						}
					}
				}

				.con {
					font-size: 28rpx;
					font-weight: 500;
					color: #333333;
					line-height: 42rpx;

				}

				.gong:after {
					content: '';
					height: 0;
					display: block;
					visibility: hidden;
					overflow: hidden;
					clear: both;
				}

				.gong {
					margin-top: 20rpx;

					.left {
						float: left;

						.time {
							font-size: 26rpx;
							font-weight: 400;
							color: #919499;
						}

						.shan {
							font-size: 26rpx;
							font-weight: 400;
							color: #919499;
							margin-left: 20rpx;
						}
					}

					.zan {
						float: right;
						align-items: center;
						display: flex;

						.zan_box {
							display: flex;
							align-items: center;
							margin-right: 20rpx;

							image {
								width: 32rpx;
								height: 32rpx;
								margin-right: 11rpx;
							}

							font-size: 24rpx;
							font-weight: 400;
							color: #2FCB72;
							line-height: 24rpx;
						}

						.zan_box_no {
							display: flex;
							align-items: center;
							margin-right: 20rpx;

							image {
								width: 32rpx;
								height: 32rpx;
								margin-right: 11rpx;
							}

							font-size: 24rpx;
							font-weight: 400;
							color: #95989D;
							line-height: 24rpx;
						}

						.dianping {
							display: flex;
							align-items: center;

							image {
								width: 32rpx;
								height: 32rpx;
								margin-right: 11rpx;
							}

							font-size: 24rpx;
							font-weight: 400;
							color: #95989D;
							line-height: 24rpx;
						}
					}
				}

				.huifu {
					padding-top: 25rpx;
					padding-bottom: 25rpx;
					padding-left: 30rpx;
					padding-right: 30rpx;
					background-color: #F7F7F7;
					margin-top: 28rpx;
					border-radius: 24rpx;

					.phone {
						color: #2E3033;
						font-size: 28rpx;
						font-weight: 500;
						color: #2E3033;
						line-height: 42rpx;
					}

					.con {
						color: #7D7E80;
						font-size: 28rpx;
						font-weight: 500;
						line-height: 42rpx;
					}

					.time_box {
						.time {
							font-size: 26rpx;
							font-weight: 400;
							color: #7D7E80;
							line-height: 36rpx;
							margin-right: 20rpx;
						}

						.shan {
							font-size: 24rpx;
							font-weight: 500;
							color: #5F7891;
							line-height: 40rpx;
						}
					}
				}
			}

			.pro_one {
				width: 630rpx;
				height: 160rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 38rpx 2rpx rgba(0, 0, 0, 0.03);
				border-radius: 24rpx;
				padding-top: 24rpx;
				padding-left: 30rpx;
				padding-right: 30rpx;
				padding-bottom: 24rpx;
				margin-top: 50rpx;

				image {
					width: 220rpx;
					height: 160rpx;
					border-radius: 12rpx;
					float: left;
					margin-right: 30rpx;
				}

				.right_pro {
					.pro_name {
						font-size: 32rpx;
						font-weight: 800;
						color: #303233;
						line-height: 32rpx;

						.status {
							width: 68rpx;
							height: 36rpx;
							background: #E6FAF0;
							border-radius: 6rpx;
							font-size: 22rpx;
							font-weight: 500;
							color: #20C657;
							line-height: 36rpx;
							float: right;
							text-align: center;
						}
					}

					.price {
						font-size: 32rpx;
						font-weight: 800;
						color: #FF6040;
						line-height: 56rpx;
						text {
							font-size: 26rpx;
						}
					}

					.type {
						font-size: 24rpx;
						font-weight: 500;
						color: #646466;

						text {
							padding-left: 13rpx;
							padding-right: 13rpx;
						}
					}

					.tese {
						.zhuang {
							width: 68rpx;
							height: 36rpx;
							background: #EBF8FF;
							border-radius: 6rpx;
							font-size: 22rpx;
							font-weight: 500;
							color: #628BB9;
							line-height: 36rpx;
							margin-right: 12rpx;
							display: inline-block;
							text-align: center;
						}

						.other {
							font-size: 22rpx;
							font-weight: 500;
							color: #7D7D80;
							padding: 5rpx 14rpx;
							background-color: #F5F5F5;
							margin-right: 12rpx;
						}
					}
				}
			}


		}

		.zixun_top {
			height: 105rpx;
			padding-top: 41rpx;

			image {
				width: 64rpx;
				height: 64rpx;
				border-radius: 32rpx;
				float: left;
				margin-right: 19rpx;
			}

			.name_box {
				.name {
					float: left;

					.top {
						font-size: 30rpx;
						font-weight: 400;
						color: #121212;

						text {
							height: 28rpx;
							background: #FF7519;
							border-radius: 4rpx;
							font-size: 20rpx;
							font-weight: 400;
							color: #FFFFFF;
							display: inline-block;
							text-align: center;
							margin-left: 7rpx;
							padding-left: 10rpx;
							padding-right: 10rpx;
						}
					}

					.bottom {
						font-size: 24rpx;
						font-weight: 500;
						color: #969799;
					}
				}

				.btn {
					width: 140rpx;
					height: 52rpx;
					padding-left: 0rpx;
					padding-right: 0rpx;
					background: linear-gradient(270deg, #28C567, #81DB85);
					border-radius: 26rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #FFFFFF;
					float: right;
					line-height: 52rpx;
					text-align: center;
					margin-top: 4rpx;
				}
			}
		}

		.bg_hui {
			width: 100%;
			height: 20rpx;
			background: #F7F7F7;
		}

		.prolist {
			padding: 0 30rpx;
			padding-bottom: 150rpx;
			.tit {
				color: #19191A;
				font-size: 34rpx;
				padding-top: 36rpx;
				margin-bottom: 38rpx;
				font-weight: bold;
			}
		}

	}
</style>
